<!-- Tpv zhongxiang.huang 20190101,modify GUI -->
<div class="modal fade tpv-modal" id="meetingroom-edit" data-keyboard="false" data-backdrop="static" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title pull-left" id="meetingroom-edit-modal-title" data-th-text="#{meetingroom.edit}"></h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="meetingroom-edit-form">
                    <div class="row">
                        <div class="input-group">
                         	<div class="col-sm-2">
                             	<span class="input-group-addon" data-th-text="#{meetingroom.name}">
				            	</span>
				            </div>
				            <div class="col-sm-10">
	                            <div class="form-group">
	                                 <input type="text" name="meetingRoomName" class="form-control">
	                                 <input type="text" hidden name="oldmeetingRoomName" class="form-control">
	                                 <input type="text" hidden name="roomId" class="form-control">
	                                 <input type="text" hidden name="hardwareKey" class="form-control">
	                            </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">                       
                        <div class="input-group">
                        	<div class="col-sm-2">
	                            <span class="input-group-addon" data-th-text="#{meetingroom.location}" style="text-align:right;">
		            			</span>
		            		</div>
		            		<div class="col-sm-10">
	                            <div class="form-group">
	                                <input type="text" name="location" class="form-control">
	                            </div>
	                        </div>    
                        </div>
                    </div>
                    <div class="row">
                        
                        <div class="input-group" style="margin-top:10px;">
                        	<div class="col-sm-2">
                            	<span class="input-group-addon" data-th-text="#{meetingroom.licensed}" style="text-align:right;">
	             				</span>
	             			</div>
		             		<div class="col-sm-2">
	                            <div class="toggle-switch">
	                                <input type="checkbox" name="licensed" checked class="toggle-switch__checkbox">
	                                <i class="toggle-switch__helper"></i>
	                            </div>
	                            </div>
	                            <div class="col-sm-2">
	                            <span class="input-group-addon" id="licensed" style="margin-left: 10px;">[[#{meetingroom.licensetext}]]</span>
			             	</div>
                        </div>       
                    </div>
                    <div class="row">
                        <div class="input-group">
                        	<div class="col-sm-2">
                            	<span class="input-group-addon" data-th-text="#{meetingroom.maxusers}" style="text-align:right;">
	           					</span>
	           				</div>
	           				<div class="col-sm-8">	
                            	<div class="form-group">
                                	<input type="text" name="maxUsersAllowed" class="form-control">
                            	</div>
                            </div>
							<!-- Tpv zhongxiang.huang 20181227 add meetingroom upgrade btn--- -->
                            <div class="col-sm-2">
                            	<button type="button" class="btn btn-primary btn-save action-meetingroom-upgrade">升级</button>
                            </div>
                        </div>
                    </div>
                    <div class="row">          
                        <div class="input-group">
                        	<div class="col-sm-2">
                            	<span class="input-group-addon" data-th-text="#{meetingroom.expried}" style="text-align:right;">
	            				</span>
                            </div>
                            <div class="col-sm-10">
	                            <div class="form-group">
	                                <input type="text" name="expireTime" class="form-control" readonly>
	                            </div>
                            </div>
                        </div>                        
                    </div>
                    <!-- chaohung , 20190114 , 会议室已用空间 -->
                    <div class="row">
                    	<div class="input-group">
                        	<div class="col-sm-2" >
                            	<span class="input-group-addon" data-th-text="#{meetingroom.usedspace}" style="text-align:right;">
	           					</span>
	           				</div>
	           				<div class="col-sm-2">	
                            	<div class="form-group" >
                                	<input type="text" name="usedspace" class="form-control" readonly="readonly">
                            	</div>
                            </div>	
                            <div class="col-sm-1">	
                            	<span class="input-group-addon" data-th-text="GB" style="text-align:left;"></span>
                            </div>							
                        </div>
                    </div>
                    <!-- chaohung , 20190114 , 会议室超出空间配额  -->
                    <div class="row">
                    	<div class="input-group">
                        	<div class="col-sm-2" >                        	
                            	<span class="input-group-addon" data-th-text="#{meetingroom.setexcessspace}" style="text-align:right;">
	           					</span>
	           				</div>
	           				<div class="col-sm-2">	
                            	<div class="form-group">
                                	<input id="setexcessspace"  name="setexcessspace" type="hidden" >
                                	<input id="setexcessspaceshow" type="text" name="setexcessspaceshow" class="form-control" onChange="changeexcessspaceshow()">
                            	</div>
                            </div>
                            <div class="col-sm-1">	
                            	<span class="input-group-addon" data-th-text="GB" style="text-align:left;"></span>
                            </div>												
                        </div>
                    </div>    
                </form>
            </div>
            <div class="modal-footer">
				<!-- Tpv zhongxiang.huang 20181227 modify btn-save to action-save -->
                <button type="button" class="btn btn-save action-save" id="meetingroom-edit-button" name="update" data-th-text="#{save}"></button>
                <button type="button" class="btn btn-secondary btn-close" data-th-text="#{close}"></button>
                <button class="btn-hide"></button>
            </div>
        </div>
    </div>
</div>
<script data-th-src="@{js/app/vc/meetingroom/meetingroomEdit.js(t=${version})}"></script>
<script type="text/javascript">
    function changeexcessspaceshow(){
    	var showspace = $("#setexcessspaceshow").val();
    	// chaohung , 20190124 , fix space error
    	var changespace = showspace * 1024 * 1024 * 1024;
    	$("#setexcessspace").val(changespace);
    } 
</script>
